<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
<style>
    /*font-face可以将服务器中的字体直接提供给用户使用  
         加载速度比较慢。
         版权

    */
@font-face {
    /* 指定字体的名称 */
    font-family: 'myfont';
    /* 服务与字体的路径 */
    src: url('');
}
    p{
        /* 字体相关样式
             color 设置字体颜色
             font-size 字体大小
             em 相当于当前元素的一个font-size
             rem  相对于根元素的一个font-size
             font-family  字体族（字体格式）
               可选值
               serif   衬线字体（字体分类）
               sans-serif 非衬线字体
               monospace 等宽字体
                      -指定字体的类别，浏览器会自动使用该类别下的字体

                font-family 可以同时指定多个字体，多个字体间使用逗号隔开，字体生效时优先使用第一个，第一个
                无法使用，则使用第二个，依次类推
             Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif

         */
        color: red;
        font-size: 40px;
        font-family: 'Courier New',Courier,monospace;
    }
</style>
</head>
<body>
    <p>帧不错，针不错，住在山里针不错，naice ，</p>
</body>
</html>